import React from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
// import { Link } from 'umi';
import Manage from './manage'
import '../../styles/commodity.less'
const onChange = (key: string) => {
    console.log(key);
};

const items: TabsProps['items'] = [
    {
        key: '1',
        label: `出购中的商品`,
        children: <Manage />,
    },
    {
        key: '2',
        label: `仓库中的商品`,
        children: `Content of Tab Pane 2`,
    },
    {
        key: '3',
        label: `已经售出的商品`,
        children: `Content of Tab Pane 3`,
    },
    {
        key: '4',
        label: `警戒库存的商品`,
        children: `Content of Tab Pane 4`,
    },
    {
        key: '5',
        label: `回收站的商品`,
        children: `Content of Tab Pane 5`,
    },
];

type Props = {}
const Commodity = (props: Props) => {
    return (
        <div>
            <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
        </div>

    )
}

export default Commodity